.classfy {
	margin: 0 auto;
	width: 1000px;
	margin-top: 10px;
}

.classfy>a {
	font-size: 12px;
	color: rgb(102, 102, 122)
}

.classfy_2 {
	position: relative;
}

.classfy_sub {
	width: 1000px;
	height: 200px;
	background-color: white;
	position: absolute;
	left: -90px;
	top: 38px;
	z-index: 10000000;
	display: none;

}

.classfy_sub>a {
	color: #000;
	display: flex;
	margin: 10px 10px;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.classfy_sub p {
	width: 100px;
	height: 20px;
	margin-top: 30px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
}


.classfy_2:hover .classfy_sub {
	display: block;
}

.classfy_sub_1 {
	width: 1000px;
	height: 200px;
	background-color: white;
	position: absolute;
	left: -185px;
	top: 38px;
	z-index: 10000000;
	display: none;

}

.classfy_sub_1>a {
	color: #000;
	display: flex;
	margin: 10px 10px;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.classfy_sub_1 p {
	width: 100px;
	height: 20px;
	margin-top: 30px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
}

.classfy_2:hover .classfy_sub_1 {
	display: block;
}


.classfy_sub_2 {
	width: 1000px;
	height: 200px;
	background-color: white;
	position: absolute;
	left: -280px;
	top: 38px;
	z-index: 10000000;
	display: none;

}

.classfy_sub_2>a {
	color: #000;
	display: flex;
	margin: 10px 10px;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.classfy_sub_2 p {
	width: 100px;
	height: 20px;
	margin-top: 30px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
}

.classfy_2:hover .classfy_sub_2 {
	display: block;
}



.classfy_2>a div:nth-child(1) {
	display: none;
}


.shop_nav_bar {
	margin-top: 20px;
}

.page {
	width: 1000px;
	height: 70px;
	margin: 0 auto;
}

.goto_down {
	margin-top: 50px;
	display: flex;
	justify-content: flex-end;
}

.goto_down>a {
	color: black;
	width: 20px;
	height: 20px;
	font-size: 14px;
	margin-right: 5px;
	text-align: center;
	line-height: 20px;
}

.goto_down>a:nth-child(1) {
	background-color: rgb(152, 181, 213);
}

.goto_down>a:nth-child(2):hover,
.goto_down>a:nth-child(3):hover,
.goto_down>a:nth-child(4):hover {
	background-color: rgb(204, 204, 204);
}

.next {
	width: 50px;
	height: 20px;
	font-size: 14px;
}

.text {
	width: 30px;
	height: 20px;
	margin-bottom: 10px;
	outline: none;
}

.confirm {
	width: 40px;
	height: 20px;
	font-size: 12px;
	background-color: rgb(140, 140, 141);
	color: white;
	outline: none;
	margin-left: 10px;
}